@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body { width:100%; font-family:"微软雅黑";}

.signBox { width:30%;background:rgba(255,255,255,0.5); border-radius:5px; box-shadow:5px 5px 5px #ccc; padding:50px 0; position:absolute; left:36%; top:10%;}
.signBox img { margin:0 auto; display:block;}

.teleP { width:82%; border-radius:4px; background:#fff; padding:6px 0 6px 12px; margin:8% auto 0;}
.teleP  .telephone { display:inline-block; width:30px; height:30px; background:url(/public/img/bn/telephone.png) no-repeat; background-size:100% 100%; float:left;}
.teleP span { float:left; line-height:30px; margin:0 0 0 5px;  font-size:18px; color:#999;}
.teleP .signText { float:left; padding:3px; border:none; height:26px; line-height:30px; width:40%; outline:none; font-size:18px; color:#333;}

.sPassword { width:82%; border-radius:4px; background:#fff; padding:6px 0 6px 12px; margin:4% auto 0;}
.sPassword  .password { display:inline-block; width:30px; height:30px; background:url(/public/img/bn/password.png) no-repeat; background-size:100% 100%; float:left;}
.sPassword span { float:left; line-height:30px; margin:0 0 0 5px;  font-size:18px; color:#999;}
.sPassword .spText { float:left; padding:3px; border:none; height:26px; line-height:30px; width:40%; outline:none; font-size:18px; color:#333;}

.sPasswordSure { width:82%; border-radius:4px; background:#fff; padding:6px 0 6px 12px; margin:4% auto 0;}
.sPasswordSure  .password { display:inline-block; width:30px; height:30px; background:url(/public/img/bn/password.png) no-repeat; background-size:100% 100%; float:left;}
.sPasswordSure span { float:left; line-height:30px; margin:0 0 0 5px;  font-size:18px; color:#999;}
.sPasswordSure .spText { float:left; padding:3px; border:none; height:26px; line-height:30px; width:40%; outline:none; font-size:18px; color:#333;}

.sureCheck{ width:84%; margin:4% auto 0; position:relative;}
.sureCheck .checkWord { width:66%; float:left; background:#fff; border-radius:4px; padding:6px 0 6px 12px; box-sizing:border-box;}
.checkWordBg{display:inline-block; width:30px; height:30px; background:url(/public/img/bn/checkword.png) no-repeat; background-size:100% 100%; float:left;}
.sureCheck span { float:left; line-height:30px; margin:0 0 0 5px; font-size:18px; color:#999;}
.sureCheck .cText {  padding:3px; border:none; height:26px; line-height:30px; width:30%; outline:none; font-size:18px; color:#333; float:left;}

.number {width:28%; background:#fff;height:46px; float:right; border-radius:4px; text-align:center;  }
.number p { color:#999; font-size:18px;line-height:46px;}
.erro { color:red; position:absolute; left:68%; top:20%;}

/*手机校验码*/
.phonePassword{ width:84%; margin:4% auto 0; }
.phonePassword .ppBox { width:66%; float:left; background:#fff; border-radius:4px; padding:6px 0 6px 12px; box-sizing:border-box;}
.ppBoxBg{display:inline-block; width:30px; height:30px; background:url(/public/img/bn/ppBoxBg.png) no-repeat; background-size:100% 100%; float:left;}
.phonePassword span { float:left; line-height:30px; margin:0 0 0 5px; font-size:18px; color:#999;}
.phonePassword .ppText {  padding:3px; border:none; height:26px; line-height:30px; width:30%; outline:none; font-size:18px; color:#333; float:left;}

.ppImg {width:28%; background:#ccc;height:46px; float:right; border-radius:4px; text-align:center;  }
.ppImg:hover { background:#3cbf9b;}
.ppImg p { color:#333; font-size:18px;line-height:46px;}
.ppImg p a{ color:#333; text-decoration:none;}

.agree { width:100%; text-align:center; margin:80px 0 0 0; color:#333; font-size:16px;}
.agreeCheckbox { margin:0 5px 0 0;}

.signBtn {  width:25%; padding:10px 0; background:#3cbf9b; border-radius:15px; border:none; color:#fff; font-size:18px; outline:none; margin:6% auto 0; display:block; font-family:"微软雅黑";}
.signBtn:hover { background:#249475;}



